<template>
  <div class="app-container">
    <div class="title">
      <slot name="title" :grid="'named'"></slot>
    </div>
    <div class="body">
      <slot name="body"></slot>
    </div>
    <div class="footer">
      <Button>取消</Button>
      <Button type="primary">确认</Button>
    </div>
  </div>
</template>

<style lang="less" scoped>
.app-container {
  padding: 20px;
  box-shadow: 0 0 5px #666;
  border-radius: 10px;
  .body {
    padding: 20px 0;
    font-size: 16px;
    color: #666;
  }
  .footer {
    display: flex;
    justify-content: flex-end;
    .ivu-btn:nth-last-child(1) {
      margin-left: 20px;
    }
  }
}
</style>